// pages/feedback/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs:[
      {
        id:0,
        value:"体验问题",
        isActive:true
      },
      {
        id:1,
        value:"商品,商家投诉",
        isActive:false
      }
    ],
    //被选中图片的路径数组
    chooseImgs:[],
    //文本域的内容
    textVal:""
  },
  // 返回来的图片链接数组
  upLoadImgs:[],
  //标题点击事件
  handleTabsItemChange(e){
    const {index} = e.detail;
    // 修改原数组
    let {tabs} = this.data
    tabs.forEach((v,i) =>i ===index?v.isActive=true:v.isActive=false);
    //重新赋值
    this.setData({
      tabs
    })
  },
  //点击图片事件
  handleChangeImg(){
    //微信小程序内置API
    wx.chooseImage({
      //同时选择的图片张数
      count: 9,
      //图片的质量
      sizeType: ['original', 'compressed'],
      // 图片来源
      sourceType: ['album', 'camera'],
      success: (result) => {
        this.setData({  
          chooseImgs:[...this.data.chooseImgs,...result.tempFilePaths]
        })
      },
    });
      
  },
  // 点击删除 自定义组件
  handleRomeImg(e){
    //获取被点击的索引
    const {index} = e.currentTarget.dataset
    // 获取data中的图片数组
    let {chooseImgs} = this.data
    chooseImgs.splice(index,1)
    this.setData({
      chooseImgs
    })
  },
  handleTextInput(e){
    this.setData({
      textVal:e.detail.value
    })
  },
  handleFromSubmit(){
    const {textVal,chooseImgs} = this.data
    if (!textVal.trim()) {
      wx.showToast({
        title: '内容为空',
        icon: 'none',
        mask:true
      })
      return
    }
    // 判断是否有图片需要上传
    if (chooseImgs!=0) {
      chooseImgs.forEach((v,i)=>{
        wx.showLoading({
          title: "正在上传",
          mask: true,
        });
          
        wx.uploadFile({
          url: 'https://media.mogu.com/image/scale?appKey=15m&w=500&h=500&quality=100',
          filePath: v,
          name: "image",
          formData: {},
          success: (result) => {
            console.log(result);
            let url = JSON.parse(result.data).url
            this.upLoadImgs.push(url)
            wx.hideLoading();
              
            // 所以的都上传完了再触发
            if (i===chooseImgs.length-1) {
              console.log("提交到后台");
              this.setData({
                chooseImgs:[],
                textVal
              })
              wx.navigateBack({
                delta: 1
              });
                
            }
          },
        });
      })
    }else{
      console.log("纯文本提交");
      wx.navigateBack({
        delta: 1
      });
        
    }
    
  },
 
    
})